<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css实现鼠标焦点显示隐藏表单</title>
<style type="text/css">
	*{ 
		margin:0; 
		padding:0;
	}
	.wrap{ 
		width:300px; 
		height:200px; 
		position:relative; 
		border:1px solid #ccc; 
		margin:100px 400px;
	}
	.bot{ 
		height:40px;  
		width:100%; 
		background:#f2f2f2;
		position:absolute; 
		bottom:0; 
		left:0; 
		display:none;
	}
	.wrap:hover .bot{ display:block;}
</style>
</head>
<body>
	<div class="wrap">
		<div class="bot">
			<span>
				<select>
				    <option>更多</option>
				    <option>1</option>
				    <option>2</option>
				    <option>3</option>
				</select>
			</span>
		</div>
	</div>
</body>
</html>
